<!-- 我的表格 -->

<template>
  <WebTable :key="event_visible" path="event" auto>
    <RowIndex />

    <RowTime label="产生时间" bind="generateTime" />

    <RowText label="事件编号" bind="id" />

    <RowDict label="事件等级" bind="eventLevelCode, eventLevelName" :dict="CORE.DICT.alarm_level_code" :width="100" />

    <RowDict label="事件类型" bind="eventTypeId, eventTypeName" :dict="CORE.DICT.preplan_type" :width="120" />

    <RowTree :label="`所在${CORE.MAP.REGION}`" bind="areaId, areaName" :dict="CORE.REGION.DICT" allName />

    <RowText label="处置人" bind="handleUserName" :width="120" />

    <RowTime label="处置时间" bind="handleTime" />

    <RowOperate :btns="['submit']" submit="选择" :onSubmit="event_startOne" :width="80" />
  </WebTable>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb(), CORE.mixWeb('event', 'event_')],

  /**
   * 监听属性 (深度 deep 首次 immediate)
   */
  watch: {
    /**
     * 监听单项就绪
     */
    event_readyOne(ready) {
      ready && this.toChoose(this.event_one) // 查询详情，获取人员调度、物资调度
    },
  },

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 点击选择
     */
    toChoose(obj) {
      const { one, MAP: { KEY_LIST } } = this

      one.eventId = obj.id
      KEY_LIST.forEach((key) => (one[key] = obj[key]))

      this.event_closeModal()
    },
  },
}
</script>
